<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js</title>
    <style>
        span {
            width: 100%;
            height: 50dp;
        }
        button {
            width: 100dp;
            height: 50dp;
        }
    </style>
</head>
<body>
    <span>欢迎来到js</span>
    <button>点击我</button>
    <script>
        // 函数的定义方式两种
        // function a(num1,num2){
        //     return num1+num2;
        // }
        // alert(a(1,3));

        // let b = function(num4,num3){
        //     return num4-num3;
        // }
        // alert(b(5,3));
        // 箭头函数
        // let result = (c,b) =>{
        //     return c*b;
        // };
        // alert(result(90,9));
        // for循环的使用
        let array = [1,2,3,4,5,6];
        // 第一种
        // for(let i=0;array.length;i++){
        //     alert(array[i]);
        // }
        // 第二种
        // for (const c of array) {
        //     alert(c);
        // }
        // 第三种
        // 遍历的是索引
        // for (const key in array) {
        //     alert(key);
        // }
        // 类的创建 两种方式
        // 第一种
        // class Car {
        //    constructor(brand,price){
        //     this.brand=brand;
        //     this.price=price;
        //    }
        //    move(){
        //     alert("this is your Car");
        //    }
        // }
        // let car = new Car("x",999999);
        // alert(car.brand);
        // alert(car.price);
        // car.move();
        // 第二种
        // let car2 = {
        //     brand:"y",
        //     price: 99999,
        //     move:function(){
        //         alert("car2")
        //     }
        // }
        // alert(car2.brand);
        // alert(car2.price);
        // car2.move();
        
        // 继承
        class Car {
            constructor(brand){
                this.brand = brand;
            }
            move(){
                return this.brand;
            }
        }
        class CarModel extends Car{
            constructor(brand,price){
                super(brand);
                this.price = price;
            }
            move1(){
                alert(super.move()+this.price);
            }
        }
        var car = new CarModel("BYD",99999);
        car.move1();
    </script>
</body>
</html>